* {
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
}
@media screen and (min-width:1300px) {
#mDiv{
		width: 100%;
		margin: 0 auto;
		line-height: 60px;
	}
	
	.leftdiv{
		float: left;
		width: 20%;
		margin: 0px 10px;
		height: 100%;
	}
	.rightdiv{
		margin-left: 30px;
		float: left;
		height: 100%;
		width: 75%;
	}
	.rightdiv h3{
		margin-top: 30px;
		font-size: 20px;
		font-weight: bold;
	}
	#form{
		margin-top: 20px;
		width: 100%;
	}
	.u1{
		margin-left: 25px;
	}
	.info{
		margin-top: 50px;
		height: 250px;
		width: 100%;
	}
	#filter-list {
		width: 100%;
		height: 100%;
	}
	.list-center{
		width: 100%;
		height: 200px;
		margin: 0 auto;
	}
	.filter-list-content {
		width: 100%;
		height: 100px;
	}
	.list-content-left {
		width: 100px;
		height: 100%;
		float: left;
	}
	.list-content-center{
		width: 70%;
		height: 100%;
		float: left;
	}
	.list-content-left img{
		margin-left: 10px;
		width: 60px;
		height: 60px;
		position: relative;
		border-radius: 4px;
	}
	.ul-left{
		margin-left: 20px;
		float: left;
		color: gray;
	}
	.ul-left li{
		margin-top: -15px;
	}
	.u2 :nth-child(1){
		color: black;
	}
	.cir{
		margin-top: 20px;
		margin-right: 20px;
		float: left;
		width: 16px;
		height: 16px;
		border-radius: 8px;
		border: 2px solid gray;
	}
	#sec{
		margin: 2px 2px 2px 2px;
		width: 12px;
		height: 12px;
		border-radius: 6px;
		border: 1px solid gray;
		background: green;
	}
	
	
	
	.picdir{
		display: inline-block;
		margin-left: 20px;
		width: 100%;
		height: 230px;
		margin-top: 15px;
	}
	.dir{
		width: 220px;
		height: 229px;
		margin-left: 20px;
		float: left;
	}
	.dir li img{
		margin-top: 20px;
		margin-left: 35px;
		width: 110px;
		height: 80px;
	}
	.dir :nth-child(2){
		margin-top: 20px;
		height: 40px;
		line-height: 40px;
		background: darkgray;
	}
	.secli{
		margin-right: 27px;
		margin-left: 25px;
	}
	.dir :nth-child(3) {
		text-align: center;
	}
	.tablist .title{
		margin: 0 auto;
		height:20px;
		border-bottom: 3px ;
		padding-bottom:10px;
	}
	.tablist .title-list{ 
		position: relative; 
		top: 6px;
	}
	.tablist .title-list li{ 
		width: 100px; 
		margin-left: 5px;
		line-height: 20px; 
		text-align: center; 
		float: left; 
		display: inline;
	}
	.tablist .title-list li.on{ 
		color: red; 
	}
	
	.tablist .title-list>p{
		position:absolute;
		top:24px;
		left:0px;
		width:75px;
		margin-left: 20px;
		height:7px;
		margin-top: 5px;
		border-top: 1px solid black; 
		overflow: hidden; 
		text-align: center;
		}
	.tablist .title-list b{
		display:inline-block;
		width:0;
		height:0;
		margin-top:-3px;
		border-width:9px;
		border-color: royalblue;
		overflow: hidden;
		zoom: 1;
		font-size: 0;
		} 
	.product{ 
		position: relative; 
		overflow: hidden; 
		display: none; 
		margin-top: 20px;
	}
	.product-wrap .show{ 
		display: block;
	}
	.cont{
		width: 800px;
		height: 600px;
	}
	.stro{
		display: inline-block;
		height: 70px;
		width: 600px;
		margin-left: 50px;
		border: 1px solid darkgray;
	}
	.sub{
		margin-left: 300px;
		display: inline-block;
		width: 100px;
		height: 30px;
		border-radius: 15px;
		background: red;
		color: white;
	}
}
@media screen and (max-width:1299px) {
	section{
		width: 1030px;
		}
#mDiv{
		width: 100%;
		margin: 0 auto;
		line-height: 60px;
	}
	
	.leftdiv{
		float: left;
		width: 20%;
		margin: 0px 10px;
		height: 100%;
	}
	.rightdiv{
		margin-left: 30px;
		float: left;
		height: 100%;
		width: 100%;
	}
	.rightdiv h3{
		margin-top: 30px;
		font-size: 20px;
		font-weight: bold;
	}
	#form{
		margin-top: 20px;
		width: 100%;
	}
	.u1{
		margin-left: 25px;
	}
	.info{
		height: 250px;
		width: 100%;
	}
	#filter-list {
		width: 100%;
		height: 100%;
	}
	.list-center{
		width: 100%;
		height: 200px;
		margin: 0 auto;
	}
	.filter-list-content {
		width: 100%;
		height: 100px;
	}
	.list-content-left {
		width: 100px;
		height: 100%;
		float: left;
	}
	.list-content-center{
		width: 70%;
		height: 100%;
		float: left;
	}
	.list-content-left img{
		margin-left: 10px;
		width: 60px;
		height: 60px;
		position: relative;
		border-radius: 4px;
	}
	.ul-left{
		margin-left: 13px;
		float: left;
		color: gray;
	}
	.ul-left li{
		margin-top: -15px;
	}
	.u2 :nth-child(1){
		color: black;
	}
	.cir{
		margin-top: 20px;
		margin-right: 20px;
		float: left;
		width: 16px;
		height: 16px;
		border-radius: 8px;
		border: 2px solid gray;
	}
	#sec{
		margin: 2px 2px 2px 2px;
		width: 12px;
		height: 12px;
		border-radius: 6px;
		border: 1px solid gray;
		background: green;
	}
	.picdir{
		display: inline-block;
		margin-left: 20px;
		width: 100%;
		height: 230px;
		margin-top: 15px;
	}
	.dir{
		width: 220px;
		height: 229px;
		margin-left: 20px;
		float: left;
	}
	.dir li img{
		margin-top: 20px;
		margin-left: 35px;
		width: 110px;
		height: 80px;
	}
	.dir :nth-child(2){
		margin-top: 20px;
		height: 40px;
		line-height: 40px;
		background: darkgray;
	}
	.secli{
		margin-right: 27px;
		margin-left: 25px;
	}
	.dir :nth-child(3) {
		text-align: center;
	}
	.tablist .title{
		margin: 0 auto;
		height:20px;
		border-bottom: 3px ;
		padding-bottom:10px;
	}
	.tablist .title-list{ 
		position: relative; 
		top: 6px;
	}
	.tablist .title-list li{ 
		width: 100px; 
		margin-left: 5px;
		line-height: 20px; 
		text-align: center; 
		float: left; 
		display: inline;
	}
	.tablist .title-list li.on{ 
		color: red; 
	}
	
	.tablist .title-list>p{
		position:absolute;
		top:24px;
		left:0px;
		width:75px;
		margin-left: 20px;
		height:7px;
		margin-top: 5px;
		border-top: 1px solid black; 
		overflow: hidden; 
		text-align: center;
		}
	.tablist .title-list b{
		display:inline-block;
		width:0;
		height:0;
		margin-top:-3px;
		border-width:9px;
		border-color: royalblue;
		overflow: hidden;
		zoom: 1;
		font-size: 0;
		} 
	.product{ 
		position: relative; 
		overflow: hidden; 
		display: none; 
		margin-top: 20px;
	}
	.product-wrap .show{ 
		display: block;
	}
	.cont{
		width: 800px;
		height: 600px;
	}
	.stro{
		display: inline-block;
		height: 70px;
		width: 600px;
		margin-left: 50px;
		border: 1px solid darkgray;
	}
	.sub{
		margin-left: 300px;
		display: inline-block;
		width: 100px;
		height: 30px;
		border-radius: 15px;
		background: red;
		color: white;
	}
}